<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 变量就是一个空箱子  空袋子  空盘子  
        // 空箱子 中可以放衣服  可以放鞋子  可以放电脑等  
        // 空箱子中 原来放衣服 我可以把衣服拿出来  放鞋子  也可以把鞋子拿出来放电脑 
        // 最终 里边是电脑  
        // 空袋子 可以放 蔬菜 可以放水果
        // 空盘子  可以放 面条  可以放炒菜 

        // 硬盘  内存  cpu 
        // 数据的处理 和计算 最终是由cpu来处理  
        // cpu的处理速度很快  必须把数据提前准备好 它过来拿 


        // 王雨杰跟女朋友出去消费  

        // 加油 100
        // 奶茶 50 
        // 吃饭 200 
        // 看电影 50 


        // 设x = 消费总额 (100+50+200+50)
        // 计算某一项的比例  100 / (100+50+200+50)
        // 计算某一项的比例  50 / (100+50+200+50)
        // 计算某一项的比例  200 / (100+50+200+50)
        // 计算某一项的比例  50 / (100+50+200+50)


        //  100 / x 
        //  50 / x 
        //  200 / x 
        //  50 / x 

        // x 里边放的就是 消费总额 

        // x  3月7 日女生节  300 
        // x  生日      500 
        // x  七夕      490 


        // prompt('请输入你的总额','100');

        // var 变量名 = 值;

        // 从右往左读   
        // 把一个值放到 一个名字叫**的箱子里

        // var allmoney = prompt('请输入你的总额','100');
        // // 准备一个空箱子  给空箱子起个名字 叫 allmoney
        // // 然后 我把用户输入的内容放到箱子里   

        // console.log('您输入的总额是:',allmoney);
        // // 打开箱子 然后把里边的内容输出到控制台


        // 这里边的 =不是生活中的  相等  表示是 右边的给到左边  


        // 准备 一个空箱子  什么都不放  
        // 准备好几个空箱子 挨个放进去东西  
        // 准备好几个空箱子 都不放任何东西 
        // 准备好多个空箱子 有的方法有的不放 
        
        
        // 1. 
        var mybox;
        console.log(mybox); // 如果仅仅是准备箱子 里边是什么也不放 
        // 打印的结果是undefined
        // 2

        var box1=10,box2=20,box3=30;

        // console.log(box1,box2,box3);

        //3
        var box4,box5,box6;
        console.log(box4,box5,box6);
        //4
        var box7=100,box8,box9=200,box10;
        console.log('第一次',box7,box8,box9,box10);
        box7 = 300;  // 把箱子中的100 扔掉  然后300放进去 
        box9 = 500;  // 把箱子中的200 扔掉 然后把500放进去 
        console.log('第二次',box7,box8,box9,box10);


        // 变量中可以放任意的数据  
        // 变量中 每次只能放一个数据    
          // 后边放的会把前面的覆盖掉 
          
        // 好处  
        // 1. 箱子中的数据可以多次使用   
        // 2. console.log('hello world ')
        // 3. var test = 'hello world';
        //      console.log(test)
        //      console.log(test)

        
    



    </script>
</body>
</html>